<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>US'website</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="US.png">
</head>

<body>
    <div class="container">
        <section>
            <h2>
                <span>U</span>
                <span>n</span>
                <span>n</span>
                <span>a</span>
                <span>t</span>
                <span>u</span>
                <span>r</span>
                <span>a</span>
                <span>l&nbsp;</span>
                <span>S</span>
                <span>t</span>
                <span>u</span>
                <span>d</span>
                <span>i</span>
                <span>o</span>
            </h2>
        </section>

        <div class="nav">
            <div class="on"><a href="#one">团队介绍</a></div>
            <div class="tw"><a href="#two">团队成员</a></div>
            <div class="th"><a href="#three">作品集</a></div>
            <div class="fo"><a href="#four">联系方式</a></div>
        </div>
        <div class="td">
            <h1 id="one">团队介绍</h1>
            <div class="top"></div>
            <div><img src="US.png" height="250"></div>
            <div class="yuan">
                <p>"Unnatural Studio" 不自然团队分别是来自四川宜宾——曾梦雨、四川射洪——张悦、四川达州——雷艳艳和四川巴中——吴俊梅4人组成的设计团队。团队成立于2020年12月，</p>
                <p>团队秉承诚信、创新、高效的工作原则，用技术赢得市场，以创新服务吸引顾客。主要服务方面为海报设计、logo设计、图标设计等。</p>
            </div>
        </div>
        <div class="teami">
            <h1 id="two">团队成员</h1>
            <div class="pic">
                <img class="zmy" src="zmy.jpg" alt="">
                <img class="zy" src="zy.jpg" alt="">
                <img class="yy" src="yy.jpg" alt="">
                <img class="jm" src="jm.jpg" alt="">
            </div>
            <div class="lianjie">
                <a class="yige" href=" http://zeng-mengyu.gitee.io/personal-website" target="blank">曾梦雨</a>
                <a class="erge" href="http://zhang-yue-2000.gitee.io/personal-website/" target="blank">张悦</a>
                <a class="sange" href="http://lei-yanyan.gitee.io/personal-website" target="blank">雷艳艳</a>
                <a class="sige" href="http://junmei99.gitee.io/final-assignment/"target="blank">吴俊梅</a>
            </div>
        </div>
        <div id="three" class="works">
            <h1 class="zuopin">作品集</h1>
            <img class="yi" src="1pc.jpeg" alt="">
            <img class="er" src="2pc.jpg" alt="">
            <img class="san" src="3pc.jpg" alt="">
            <img class="si" src="4pc.jpg" alt="">

        </div>

        <div>
            <div id="four" class="contact">
                <h1>联系方式</h1>
                <div class="im"><img src="US1.png" alt=""></div>
                <div class="big">

                    <div class="qq">
                        <h3>QQ</h3>
                        <div class="smalla">
                            <h3>903331561</h3>
                        </div>
                    </div>
                    <div class="te">
                        <h3>电话</h3>
                        <div class="smallb">
                            <h3>19182108634</h3>
                        </div>
                    </div>
                    <div class="ad">
                        <h3>地址</h3>
                        <div class="smallc">
                            <h3>四川省成都市都江堰市青城山镇</h3>
                        </div>
                        <div class="smalld">
                            <h3>成都东软学院</h3>
                        </div>
                    </div>


                </div>
            </div>

        </div>
        <div class="footer">
            <div class="jiao"><img src="US.png" height="100"></div>
            <div>
                <p>design by natural studio</p>
            </div>
        </div>

    </div>




</body>

</html>